<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:ui="http://java.sun.com/jsf/facelets"
	  xmlns:h="http://java.sun.com/jsf/html"
	  xmlns:f="http://java.sun.com/jsf/core"
	  xmlns:c="http://java.sun.com/jstl/core"
	  xmlns:rich="http://richfaces.org/rich">

<ui:composition template="/templates/frontEnd/inicial.xhtml">
	<ui:define name="shopBody">
		<h:form>
			<div id="shop-body" class="shopbody">
				<div style="margin-left: 150px;">
				<h:panelGrid coluns="1" styleClass="produtdetalhe-div-img">
					<h:graphicImage value="/ProductImage/#{bbProduct.product.images[0].description}" height="175" width="250" />
					<h:outputText value="#{bbProduct.product.name}" />
				</h:panelGrid>
				<br />
				<h:panelGrid border="0" columns="2" style="margin-top:50px;">
					<h:outputText value="Preço: " />
					<h:outputText value="#{bbProduct.product.price}" />
					<h:outputText value="Estoque: " />
					<h:outputText value="#{bbProduct.product.stock}" />
					<h:outputText value="Quantidade: " />
					<h:inputText value="#{bbItem.item.quantity}" />
					<h:inputHidden value="bbItem.item.quantity" />
					<h:commandButton value="Adicionar ao Carrinho" action="#{bbItem.addCarrinho}" />
				</h:panelGrid>
				</div>
			</div>
		</h:form>
	</ui:define>
</ui:composition>
</html>